<template>
    <div class="listers">
        <div class="tap-had">
            <div class="haderd">
                <span class="el-icon-search">筛选查询</span>
                <el-button class="top-btn">查询结果</el-button>
            </div>
        </div>
        <div class="bottmer">
            <el-form :inline="true" :model="formInline" class="demo-form-inline shuru">
                <el-form-item label="输入搜索：">
                    <el-input v-model="formInline.user" placeholder=""></el-input>
                </el-form-item>
                <el-form-item label="负责人员：">
                    <el-select v-model="formInline.region" placeholder="">
                        <el-option label="区域一"></el-option>
                        <el-option label="区域二"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
        </div>

        <div class="dindanlist">
            <div class="list-nav">
                <span class="el-icon-s-operation">数据列表</span>
                <el-button class="list-btn2" @click="addcangku">添加
                </el-button>
            </div>
            <div class="list-top">
                <div class="list-content">
                    <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" style="width: 100%"
                        @selection-change="handleSelectionChange">
                        <el-table-column label="仓库名称" width="150">
                            <template slot-scope="scope">{{ scope.row.date }}</template>
                        </el-table-column>
                        <el-table-column prop="o_sellType" label="仓库类型" width="150">
                        </el-table-column>
                        <el-table-column prop="o_money" label="仓库地址" width="150">
                        </el-table-column>
                        <el-table-column prop="o_createTime" label="负责人" width="150">
                        </el-table-column>
                        <el-table-column prop="o_orderType" label="联系电话" width="150">
                        </el-table-column>
                        <el-table-column prop="o_cilentType" label="跟车司机" width="150">
                        </el-table-column>
                        <el-table-column prop="o_cilentName" label="是否启用" width="150">
                        </el-table-column>
                        <el-table-column label="操作">
                            <template>
                                <el-button type="text" class="brand-edit">编辑</el-button>
                                <el-button type="text" class="brand-del">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
        </div>
        <div class="list-foot">
            <el-pagination background=" #1ABC9C" layout="prev, pager, next" :total="1000" class="footer">
            </el-pagination>
        </div>
    </div>

</template>
<script>

export default {
    data() {
        return {
            formInline: {
                user: '',
                region: ''
            },
            input: "",

            tableData: [
                {

                },
            ],
            multipleSelection: [],
        }
    },
    methods: {
        onSubmit() {
            console.log('submit!');
        },
        handleSelectionChange(val) {
            this.multipleSelection = val;
        },
        addcangku(){
            this.$router.push('/addcangku')
        }
    }
}
</script>
<style lang="scss" scoped>
.listers {
    padding: 0px;

    .tap-had {
        border: 1px solid rgb(228, 228, 228);
        height: 48px;
        background-color: rgba(243, 243, 243);
        line-height: 48px;
        padding: 0 5%;

        .top-btn {
            float: right;
            margin-top: 4px;
        }

        .jine {
            color: red;
            padding-left: 30px;
        }
    }

    .bottmer {
        border: 1px solid rgb(228, 228, 228);
        height: 48px;
        line-height: 48px;

        .shuru {
            padding-left: 40px;
            padding-top: 4px;
        }

    }

    .dindanlist {
        background-color: rgba(243, 243, 243);
        border: 1px solid rgb(228, 228, 228);
        line-height: 50px;
        margin-top: 20px;

        .list-nav {
            padding: 0 20px;

            span {
                color: #666;
            }

            .list-btn1,
            .list-btn2 {
                float: right;
                margin-top: 5px;
            }
        }
    }

    .brand-look,
    .brand-edit,
    .brand-del {
        color: #1ABC9C;
    }

    .list-foot {
        border: 1px solid rgb(228, 228, 228);
        height: 48px;
        background-color: rgba(243, 243, 243);
        line-height: 48px;

        .footer {
            float: right;
        }
    }
}
</style>